.ant-layout {
  width: 100%;
  height: 100vh;
}
/* .ant-layout-header {
  background: url("../../asset/p1.jpeg");
  background-size: cover;
  border: 5px solid rgb(241, 243, 153);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  line-height: 54px;
} */

/* 修改头部背景图透明度 start */
.ant-layout-header {
  position: relative;
  background: url("../../asset/p1.jpeg");
  background-size: cover;
  border: 5px solid rgb(241, 243, 153);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  line-height: 54px;
  overflow: hidden; /* 确保内容不会超出容器 */
}

.ant-layout-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 1; /* 确保伪元素在内容之前 */
}

.ant-layout-header > * {
  position: relative;
  z-index: 2; /* 确保内容在伪元素之上 */
}

/* end */

.ant-layout-sider-dark {
  background-color: white;
  border: 5px solid rgb(243, 159, 159);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

/* 修改Sider背景图透明度 start */
.ant-layout-sider-dark {
  position: relative;
  min-width: 300px !important;
  padding: 20px;
  background: url("../../asset/p2.jpeg");
  background-size: cover;
}

.ant-layout-sider-dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 1; /* 确保伪元素在内容之前 */
}

.ant-layout-sider-dark > * {
  position: relative;
  z-index: 2; /* 确保内容在伪元素之上 */
}
/* end */

.ant-modal-content {
  width: 390px;
}
.ant-modal-content .ant-input:nth-of-type(1) {
  width: 160px;
  margin-right: 20px;
}
.ant-modal-content .ant-input:nth-of-type(2) {
  width: 160px;
  margin-right: 0px;
}
.detail {
  margin-bottom: 13px;
}
.empty {
  margin-left: 87px;
  margin-top: 200px;
  font-weight: bold;
}
.ant-layout-content {
  border: 5px solid #ffd5a8;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.addBtn {
  box-shadow: 0 0 13px 1px #0f90fc;
  margin-right: 21px;
  margin-left: 10px;
}
.delBtn {
  box-shadow: 0 0 13px 1px #ff4d4f;
}
